<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<p:dialog header="#{msg['message.ess.visa.panelHeader']}" id="dlgVisa"
		widgetVar="dlgWvVisa" modal="true" dynamic="true" draggable="false"
		resizable="false">
		<p:panel id="pnlDlgVisa">

			<p:panelGrid>
				<p:row>
					<!-- Visa -->
					<p:column>
						<p:outputLabel for="essVISAVisaDlg"
							value="#{msg['message.ess.visa.visa']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essVISAVisaDlg" value="#{visaMB.visa.numeroVisa}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Pais -->
					<p:column>
						<p:outputLabel for="essVISAPaisDlg"
							value="#{msg['message.ess.visa.pais']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essVISAPaisDlg" style="width:175px"
							value="#{visaMB.visa.idPais}">
							<f:selectItem itemLabel="Seleccione el pais" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaPaises}" var="pais"
								itemLabel="#{pais.nombre}" itemValue="#{pais.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Vencimiento -->
					<p:column>
						<p:outputLabel for="essVISAFecVenDlg"
							value="#{msg['message.ess.visa.fechaVencimiento']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:calendar id="essVISAFecVenDlg"
							value="#{visaMB.visa.fechaVencimiento}" readonlyInput="true" />
					</p:column>
				</p:row>
			</p:panelGrid>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.upload.cerrar']}"
					onclick="dlgWvVisa.hide();" update="pnlDlgVisa"
					action="#{visaMB.reInitDialog}" global="false">
				</p:commandButton>
				<p:commandButton value="#{msg['message.ess.agregar']}"
					update="pnlDlgVisa dtVisa" action="#{visaMB.reInitDialog}"
					global="false" oncomplete="handleRequestVisa(xhr, status, args);">
					<p:collector value="#{visaMB.visa}" addTo="#{visaMB.visas}" />
				</p:commandButton>
			</h:panelGroup>
		</p:panel>
	</p:dialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje']}"
		widgetVar="dlgVISAConfirmaEliminarReg">
		<h:panelGroup layout="block" style="text-align: right;">
			<p:commandButton id="cbVISAConfirmaEliminarReg" value="Si"
				update="dtVisa" oncomplete="dlgVISAConfirmaEliminarReg.hide()"
				actionListener="#{visaMB.eliminarRegistros}" process="@this, dtVisa" />
			<p:commandButton id="cbVISADeclinarEliminarReg" value="No"
				onclick="dlgVISAConfirmaEliminarReg.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje.sinSel']}"
		widgetVar="dlgVISASinSeleccion">
		<h:panelGroup layout="block" style="text-align: right">
			<p:commandButton id="VISAok" value="Aceptar"
				onclick="dlgVISASinSeleccion.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<script type="text/javascript">
		function handleRequestVisa(xhr, status, args) {
			if (!args.validationFailed) {
				dlgWvVisa.hide();
			}
		}
	</script>

</ui:composition>